<template>
	<view class="container">
		<view class="pj-card pad-t-15 pad-b-20 mar-t-20">
			<view class="remark font-size-16">
                <view class="font-bold">填写帮扶心得</view>
				<textarea placeholder-style="color:#888;" class="mar-t-10" placeholder="请输入帮扶心得..." v-model="apply_record" />
			</view>
		</view>
		<view class="footer" @click="sub">确认提交</view>
	</view>
</template>

<script>
import htzRate from '@/components/htz-rate'
import { doHelp } from '@/utils/http'
export default {
	data() {
		return {
			order_no: '',
			apply_record: '',
		}
	},
	components: {
		htzRate
	},
	methods: {
	
		sub() {
			const _that = this
			doHelp({
				order_no: this.order_no,
				apply_record: this.apply_record,
			}).then(res => {
				if (res) {
					this.successToShow('完成任务', function() {
						_that.redirect('/pages/social/index')
					})
				}
			})
		}
	},
	onLoad(options) {
		this.type = options.type
		this.order_no = options.order_no
	}
}
</script>

<style scoped>
.header-top {
	padding: 12px 20px;
	background-color: #376eff;
	border-radius: 9px;
}
.pj-card {
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: 1px 2px 5px 1px rgba(241, 237, 237, 0.884);
}
.pj-card .pj-rate {
	margin-left: 30px;
}
.remark textarea {
	width: auto !important;
	padding: 15px 8px;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
}
.footer {
	margin: 0 auto;
	margin-top: 60px;
	border-radius: 8px;
	height: 46px;
	line-height: 46px;
	font-size: 18px;
	color: #fff;
	width: 230px;
	background-color: #376eff;
	text-align: center;
}
</style>